/*website  head*/
html,body{
	background-color: #f6f6f6;
	font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
.head{
	width: 100%;
	height: 170px;
	text-align: center;
}
.logo{
	padding-top: 39px;
}
.list ul:after{
	display: block;
	clear: both;
	content:"";
}
.list ul{
	_zoom:1;
}
.list ul a{
	display: block;
	float: left;
}
.list ul li{
	color: #000;
	font-size: 18px;
	height: 18px;
	float: left;
	line-height: 18px;
}
.list ul li.content{
	width: 140px;
}
.list ul li.line{
	width: 1px;
	height: 13px;
	background-color: #000;
	margin-top: 3px;
}
.list{
	width: 852px;
	margin: 0 auto;
	padding: 83px 0 84px;
}
/*website banner*/
.head .list{
	padding: 44px 0 30px;
}
.banner{
	width: 100%;
	height: 580px;
	text-align: center;
	background-image:linear-gradient(to right, #d8a7ff 10%,#668cf7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.banner img{
	margin-top:79px;
}
.introduce{
	width: 100%;
}
/*contact us*/
.contact{
	width: 100%;
	height: 320px;
	box-shadow:inset 0px 10px 5px -5px #ccc,inset 0px -10px 5px -5px #ccc;
}
.contact-con{
	width: 922px;
	height: auto;
	margin: 0 auto;
}
.contact-head{
	width: 100%;
	text-align: center;
	padding-top:29px;
	padding-bottom: 36px;
}
.contact-head span{
	display: inline-block;
	font-size: 24px;
}
.contact-head .welcome{
	float: left;
}
.contact-head .contactus{
	float: right;
}
.form-contact{
	width: 100%;
	height: auto;
}
.form-name span,.form-tel span{
	width: 38px;
	height: 38px;
	display: block;
	float: left;
	margin-right: 35px;
}
.form-name span{
	background: url(../images/icon.png) no-repeat -3px -269px;
}
.form-tel span{
	background: url(../images/icon.png) no-repeat -3px -201px;
}
.form-name{
	height: 42px;
	margin-bottom: 11px;
}
.form-name input,.form-tel input{
	width: 336px;
	height: 40px;
	display: block;
	float: left;
	border:1px solid #ccc;
	background-color: #f6f6f6;
	padding-left: 5px;
	box-sizing: border-box;
	font-family: "微软雅黑";
}
.form-idea textarea{
	width: 450px;
	height: 95px;
	border:1px solid #ccc;
	background-color: #f6f6f6;
	padding: 5px;
	box-sizing: border-box;
	font-family: "微软雅黑";
}
.form-con{
	float: left;
}
.form-idea{
	float: right;
}
.btn-submit{
	width: 321px;
	height: 44px;
	margin: 0 auto;
	margin-top: 20px;
}
.btn-submit button{
	width: 321px;
	height: 44px;
	border:0;
	border-radius:22px;
	color: #fff;
	font-size: 15px;
	background-image:linear-gradient(to right, #d8a7ff 10%,#668cf7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
 p.want{
	text-align: center;
	margin-top: 10px;
	color: #aaa;
	font-size: 14px;
} 
/*website footer*/
.footer{
	margin-top: 13px;
	color: #fff;
	background-image:linear-gradient(to right, #d8a7ff 10%,#668cf7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.foot-content{
	width: 1012px;
	height: auto;
	margin: 0 auto;
}
.foot-content div.place-ul ul{
	width: 100%;
	padding-top: 50px;
}
.foot-content div ul li{
	float: left;
	font-size: 18px;
	text-align: center;
}
.foot-content div ul li p{
	line-height: 40px;
}
.place-fir,.place-sec,.place-thi{
	width: 335px;
	height: 86px;
}
.split-line{
	width: 1px;
	height: 86px;
	background-color: #fff;
}
.place-fir span,.place-sec span,.place-thi span{
	display: block;
	width: 45px;
	height:42px; 
	margin: 0 auto;
}
.place-fir span{
	background: url(../images/icon.png) no-repeat -2px 0;
}
.place-sec span{
	background: url(../images/icon.png) no-repeat -2px -70px;
}
.place-thi span{
	background: url(../images/icon.png) no-repeat 0 -135px;
}
.foot-content .list ul li{
	color: #fff;
}
.foot-content .list ul li.line{
	background-color: #fff;
}
.copy-p{
	text-align: center;
	font-size: 15px;
	padding-bottom: 20px;
}
/*移动端css*/
/*mobile  website logo*/
.mobile-container{
	background-color: #fff;
}
.mob-logo{
	width: 100%;
	height: auto;
	padding: 18px 0;
}
.mob-logo img{
	width: 35%;
	display: block;
	margin:0 auto;
}
/*mobile  website banner */
.mob-banner{
	width: 100%;
	height: auto;
	padding: 20px 0;
	text-align: center;
	background-image:linear-gradient(to right, #d8a7ff 10%,#668cf7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.mob-banner img{
	display: block;
	margin:0 auto;
	width: 90%;
}
/*mobile  website contactus*/
.mob-concact{
	width: 100%;
	height: auto;
	padding: 25px 10% 20px;
	box-shadow: inset 0px 0px 10px #aaa;
}
.mob-concact-title{
	text-align: center;
}
.mob-concact-title .welcome{
	width: 20%;
	float: left;
}
.mob-concact-title span{
	width: 40%;
	display: inline-block;
	font-size: 15px;
}
.mob-concact-title .contactus{
	width: 20%;
	float: right;
}
.mob-form-con div span{
	display: block;
	width: 10%;
	height: 22px;
	float: left;
	margin-left:2%;
}
.mob-form-con div input{
	width: 88%;
	display: block;
	float: left;
	padding-left: 5px;
	box-sizing: border-box;
}
.mob-form-name span{
	background: url(../images/mob-icon.png) no-repeat -5px -5px;
}
.mob-form-tel span{
	background: url(../images/mob-icon.png) no-repeat -5px -26px;
}
.mob-form-idea textarea{
	width: 100%;
	height: 60px;
	padding: 5px;
	box-sizing: border-box;
}
.mob-form-name{
	margin:21px 0 8px;
}
.mob-form-tel{
	margin-bottom:8px;
}
.mob-btn-submit .submit{
	cursor: pointer;
	width: 70%;
	display: block;
	height: 26px;
	margin:12px auto 8px;
	border:0;
	color: #fff;
	border-radius: 13px;
	background-image:linear-gradient(to right, #d8a7ff,#668cf7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
p.mob-want{
	text-align: center;
	color: #aaa;
	font-size: 12px;
}
/*website  mobile footer*/
.mob-footer{
	width: 100%;
	height: auto;
	margin-top: 8px;
	padding: 25px 10% 20px;
	background-image:linear-gradient(to right, #d8a7ff,#668cf7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.mob-con{
	width: 100%;
	height: auto;
}
.mob-con-fir,.mob-con-sec,.mob-con-thi{
	margin-bottom:19px;
}
.mob-con-fir span,.mob-con-sec span,.mob-con-thi span{
	display: block;
	margin-right: 15px;
	float: left;
}
.mob-con div span img{
	width: 18px;
}
.mob-con-fir p,.mob-con-sec p,.mob-con-thi p{
	line-height: 22px;
	float: left;
	color: #fff;
	font-size: 12px;
}
.mob-con .mob-copy-p p{	
	text-align: center;
	font-size: 11px;
	color: #fff;
	margin-top: 35px;
}
/*手机导航*/
.face{
	width: 100%;
	height: 100vh;
	background-color: #fff;
	opacity: 0.27;
	position: fixed;
	left: 0;
	top: 0;
}
.menulist{
	position: relative;
	z-index: 200;
}
.menulist img{
	cursor: pointer;
}
.menulist a img.nolist{
	display: none;
} 
.menulist img.menu{
	width: 50px;
	position: fixed;
	right:5%;
	top:45%;
}
.menulist a{
	position: fixed;
	display: block;
}
.menulist a img{
	width: 40px;
}
.menulist a.floor1{
	right:5%;
	top:30%;;
}
.menulist a.floor2{
	right:18%;
	top:35%;
}
.menulist a.floor3{
	right:27%;
	top:42%;
}
.menulist a.floor4{
	right:27%;
	top:50%;
}
.menulist a.floor5{
	right:18%;
	top:58%;
}
.menulist a.floor6{
	right:5%;
	top:63%;
}